@charset "utf-8";
/* CSS Document */

/* Global CSS */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body {
	font-size:12px;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	/* font-family: "Microsoft Yahei",Verdana, Arial, "SimHei",Helvetica, sans-serif;*/
	color:#333;
	/* background-color:#e8ebed; */
}


ul,ol{list-style-type:none;}
.overlist ul, ol{
	list-style-type:disc!important;
	list-style-position: inside;
}
.overpdbd{
padding-left:50px;
width:700px!important;
}

table{border-collapse:collapse;
width:100%;
margin-top:35px;
}
/* tr,th,td{border-collapse:collapse; border:#333 solid 1px} */
td,th{border:#999 solid 1px; padding:2px; text-align:center;max-width:70px;}
table{border-top:#ccc solid 1px; font-size:11px;}
table thead{
	background-color:#CCCCCC;
}
tbody{
font-size:11px;}

select,input,img,select{vertical-align:middle;}
 
a{text-decoration:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#00f;} 
.clearit{clear:both;} 
.dcenter{
	width:960px;
	overflow: visible;
	margin:0 auto;
}

h1,h2,h3,h4{font-family: "Microsoft Yahei",Verdana, Arial, "SimHei",Helvetica, sans-serif;}
h4{font-size:13px;}




.dleft{
float:left;
}
#top{
	height:100px;
	background-image: url(img/bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-top:5px #6c6c6c solid;
}
#bsblogo{
	position:absolute;
	top:20px;padding-left: 30px;
}

#toptxt{
background:url(img/BSB_logo2.gif);
padding-left:200px;
}
#topa{
padding-left:260px;
color:#ddd;
}

#topa .follow{
padding-left:300px;
}
#topa img{
padding-left:10px;
}

#top .ct{
	height:100px;
	background-image: url(img/bg_top3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#top .lt{
height:80px;
width:220px;
float:left;
padding-top:20px;
padding-left:20px;
}
#top .rt{
height:100px;
width:700px;
float:right;
}
#top .ltt{
height:30px;
line-height:30px;
color:#CCCCCC;
}
#top .ltb{
	height:42px;
	padding-top:32px;
	color:#666;
	background-image: url(img/BSB_logo2_cn.jpg);
	background-repeat: no-repeat;
	background-position: 125px 32px;
}
#top .spin{
	border:0px none #ccc;
	position:relative;
	left:500px;
	width:150px;
	height:20px;
}
#top .spsearch{
	border:1px solid #fff;
	position:relative;
	left:500px;
	
}
#top .sptxt{
	position:relative;
	left:480px;
}

/* Top Menu */
.muenborder{
height:42px;
background-color:#FFFFFF;
border-bottom:1px #ccc solid;
}
#menu{
	height:42px;
	line-height:42px;
	font-size:14px;

	color:#003366;
	
}

#menu ul {
	list-style-type: none;
	display: inline;
}
#menu li {
	float: left;
	padding-left:40px;
	padding-right:25px;
	cursor:pointer;	
}
#menu .drop{
background-image: url(img/bg_ma.gif);

}


#menu .hi{
	background-image: url(img/bg_mb.gif)!important;
	color:#CCCCCC;
}


#menu ul li a{text-decoration:none;}
#menu ul li a:link{color:#003366;}
#menu ul li a:visited{color:#003366;}
#menu ul li a:hover{
	color:#003399; text-decoration:underline;
}


#menu .hi span a{text-decoration:none;}
#menu .hi span a:link{color:#fff;}
#menu .hi span a:visited{color:#fff;}
#menu .hi span  a:hover,a:active,a:focus{color:#fff;text-decoration:none;} 

#menu .dropmenu{
	position:absolute;
	overflow:visible;
	display:none;
	z-index:100;
	width:620px;
	height:240px;
	padding-left:220px;
	background-color:#fff;
	background-image:url(img/menu_product_solution.jpg);
	background-repeat: no-repeat;
	font-size:12px;
	line-height:20px;
	border-top:3px #003366 solid;
	border-bottom:2px #FFCC00 solid;
}

#menu .dropmenub{
	position:absolute;
	overflow:visible;
	display:none;
	z-index:100;
	width:450px;
	height:220px;
	background-color:#fff;
	font-size:12px;
	line-height:20px;
	border-top:3px #003366 solid;
	color:#333333;
	padding-bottom:15px;
		border-bottom:2px #FFCC00 solid;
}

#menu .dropmenuc{
	position:absolute;
	overflow:visible;
	display:none;
	z-index:100;
	width:450px;
	height:180px;
	background-color:#fff;
	font-size:12px;
	line-height:20px;
	border-top:3px #003366 solid;
	color:#333333;
	padding-top:40px;
	padding-left:25px;
	background-image: url(img/menu_company.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		border-bottom:2px #FFCC00 solid;
}

#menu .dropmenud{
	position:absolute;
	overflow:visible;
	display:none;
	z-index:100;
	width:300px;
	height:100px;
	background-color:#fff;
	font-size:12px;
	line-height:20px;
	border-top:3px #003366 solid;
	color:#333333;
	padding-top:40px;
	padding-left:25px;
	background-image: url(img/wmaps.jpg);
	background-repeat: no-repeat;
	background-position: right 30px;
		border-bottom:2px #FFCC00 solid;
}

#menu .bl{
	float:left;
	padding-top:100px;
	width:204px;
	height:100px;
	padding-left:20px;
	background-image: url(img/menu_technology_support.jpg);
	background-repeat: no-repeat;
}


#menu .br{
float:left;
width:160px;
height:240px;
padding-left:40px;

}


#menu .mal{
float:left;
width:180px;
}

#menu .title{
	clear:both;
	font-size:16px;
	color:#000077;
	padding-top:30px;
	padding-bottom:10px;
}

#menu .titleb{
	clear:both;
	font-size:16px;
	color:#000077;
	padding-top:19px;
	margin-bottom:7px;
	padding-bottom:3px;
	border-bottom:1px #eee solid;
}


#menu .mal ul{
	clear:both;
	list-style-type: disc;
	list-style-position:inside;
}
#menu .mal ul li{
padding-left:10px;
color:#555;

}

#menu .mar{
	float:left;
	padding-left:10px;
	width:380px;
	background-image: url(img/bg_menu_l.gif);
	background-repeat: no-repeat;
	line-height:20px;
}
#prdli{
	color:#555;
	font-size:12px;
}
#prdli ul{
	padding:0px;
	margin:0px;
	list-style-type:disc;
	list-style-position: inside;
}
#prdli ul li{
width:160px;
padding-left:20px;
padding-right:0px;

float:left;
line-height:17px;
}




/* Larger Banner */
#banner{
height:300px;
background-color:#ebebeb;
margin:0 auto;
width:960px;
}

#hly{
height:360px;
width:960px;
overflow: visible;
	margin:0 auto;

}
#hly .left{
float:left;
width:625px;
}
#hly .right{
width:325px;
float:left;
padding-top:30px;
padding-left:10px;
}

.rbk{
	padding-right:135px;
	height:150px;
	background-color:#FFFFFF;
	margin-bottom:15px;


}

.rbk .title{
	font-size:16px;
	font-weight:bold;
	padding:10px;
	color:#0066CC;
}
.rbk .newsp{

padding-left:10px;
}
.happli{
float:left;
width:400px;
}

.appo{
	font-size:18px;
	line-height:30px;
	padding-bottom:10px;
	color: #888;
}
.hlysl{

padding-right:20px;
padding-bottom:15px;
height:95px;
}
.appbar{
	background-image: url(img/bg_hl.gif);
	background-repeat: no-repeat;
	background-position: 620px 0px;
}
.appimg{
float:left;
padding-right:20px;
}
.hlytitle{
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#3366CC;
}
.hlysmp{
line-height:18px;
}

#news{
height:30px;
line-height:30px;
padding-top:10px;
padding-bottom:10px;

}

.prdhome{
width:320px;

float:left;

}
.prdhome img{
width:320px;
padding-bottom:10px;
}
.prdhome h1{
font-size:12px;
font-weight:normal;
}

.prdhome h2{
font-size:12px;
color:#CC0000;
}
#footer{
margin-top:10px;
padding-bottom:40px;
	background-color:#fff;

		/*background-image: url(img/bg_footer.gif);
	background-repeat: repeat-x; */

}
#sitemap{
	width:940px;
	margin:0 auto;

	padding:10px;
	color:#888;
	margin-bottom:5px;
		border-top:1px #777 solid;

}

#sitemap a:link{color:#777;}
#sitemap a:visited{color:#777;}
#sitemap a:hover,a:active,a:focus{
	color:#0066CC;
	text-decoration:underline;
} 

#sitemap ul{
	list-style-position: inside;
	list-style-type: disc;
}
#sitemap ul li{
line-height:16px;
}


#sitemap .title{
font-size:12px;
font-weight:bold;
padding-bottom:3px;
}

#sitemap .endme{
color:#777;
padding-top:10px;
border-top:1px #777 solid;
margin-top:30px;
}


#page{
	width:966px;
	padding-left:15px;
	padding-right:15px;
	overflow: visible;
	margin:0 auto;
	background-color: #fff;
}
#left{	float:left;}
#right{	float:left;}


.pathinfo{
font-size:12px;
padding-bottom:15px;

}
.ppd20px{
padding-top:20px;
}

.wraplist{}
.wraplist ul,ol{list-style-type:none;}
.wraplist ul li{float: left;padding: 0px 20px 0px 20px;}

h1{color:#577465;font-size:20px;}
h2{color:#0066CC;font-size:16px;padding-top:15px;color:#414955;}
hr{
	size:1px;
	color:#CCCCCC;
}





/* Products */

#pbody{
	width:960px;
	padding-top:35px;
	margin:0 auto;
	padding-bottom:50px;
}



.battspectab{
padding-bottom:60px;
}
.battspectab th{
background-color:#d3dcd5;
font-size:12px;
}
.battspectab tr,td{
font-size:12px;
}
.trcolorrowa{
	background-color:#fff ;
}
.trcolorrowb{
	background-color:#eeeeee;
}
.trcolorhi{
	background-color:#c7de78 !important;

	
}
.tdcolorhi{

	background-color:#CCCC33 !important;
}







#prdmenucontainer{
width:190px;
float:left;
}
#prdbody{
width:750px;
float:right;
line-height:20px;
}




#prdbody p{
padding-bottom:8px;
}
#prdbody h1{
	font-size:24px;
	color:#555;
	padding-bottom:20px;
	font-weight:normal;
}

#prdbody h2{
	font-size:24px;
	color:#333333;
	padding-bottom:26px;
	font-weight:normal;
}

#prdbody .ecoh2{
	font-size:18px;
	color:#333333;
	padding-bottom:26px;
	font-weight:normal;
	padding-left:20px;
}

#prdbody h3{
font-size:16px;
padding-bottom:8px;
padding-top:20px;
}

#prdmenu{
line-height:15px;

}
#prdmenu ul{
list-style-position:outside;

}
#prdmenu ul li{
	padding-bottom:6px;
	border-bottom:1px #ddd solid;
	padding-left:15px;
	background-image: url(img/ico_li_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-bottom:6px;
}

#batteryappimg{
height:240px;
}

#batteryappimg img{
float:left}

.highc{
font-weight:bold!important;
color:#003366;
}

.navtipc{
	font-size:14px;
	color:#0099CC;
	background-image: url(img/ico_li_arrow2.gif)!important;
}

.navsubshide{
display:none;
padding-top:8px;
}

.navsubshigh{
font-weight:bold!important;
color:#003366;


}
.navchild{
background-image: url(img/ico_li_arrow.gif)!important;
}
.navsubs{
cursor:pointer;
}



#slt{
width:750px;
height:285px;
background-color:#fff;
}
#sevl{
padding-top:10px;
padding-bottom:20px;
color:#0066CC;
}
#sevl .recm{
	padding-left:20px;
	background-image:background-image: url(img/ico_fav_1.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	}
#sevl .print{
	padding-left:20px;
background-image: 	background-image: url(img/ico_fav_2.gif);
	background-position: 0px 2px;
		background-repeat: no-repeat;
	}
	#sevl .getm{
	padding-left:20px;
	background-image:	background-image: url(img/ico_fav_4.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	}
	#sevl .lnk{
	margin-top:10px;
	line-height:35px;
		border-top:1px #ddd solid;
		padding-top:5px;
	}
		#sevl .ecard{
	margin-top:25px;
	}
	


.slstt{
padding-top:25px;
font-size:22px;
border-bottom:2px #FF6600 solid;
padding-bottom:5px;
margin-bottom:15px;

}
.slstt span{
	background-color:#FF6600;
	color:#FFFFFF;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	height:40px;
	height:45px;
}

.slsttb{
padding-top:25px;
font-size:18px;
border-bottom:2px #39C solid;
padding-bottom:5px;
margin-bottom:15px;

}
.slsttb span{
	background-color:#39C;
	color:#FFFFFF;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	height:40px;
	height:45px;
}

.slscnt{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px #ddd solid;
margin-bottom:30px;
}
.slscnt h2{
	font-size:22px;
	color:#666666;
	padding-left:30px;
	background-image: url(img/ico_solution_1.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	padding-bottom:5px;
	font-weight:normal;
}
.slscnt img{
float:left;
padding:10px;
padding-top:20px;
}

.ecoarr{
	font-size:18px;
	line-height:18px;
	color:#666666;
	padding-left:30px;
	background-image: url(img/ico_solution_1.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-bottom:5px;
	font-weight:normal;
}

#navserv{
font-size:12px;
line-height:15px;
margin-top:30px;
}
#navserv p{
padding-bottom:5px;
}
.pdfborder{
	padding:3px;
	padding-left:30px;
	border:1px #ccc solid;
	font-weight:bold;
	background-image: url(img/ico_pdf.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.pmndady{
	color:#FF6600;
	font-weight:bold;
	list-style-image: url(img/ico_fav_6.gif);
}
.listdisc{
	list-style-position: inside;
	list-style-type: disc;
}